<template>
    <div class="content_subtitle">
        <img class="title_icon" src="../assets/images/title_icon.png" alt="">
        <el-tooltip v-if="tips" effect="light" :content="tips" placement="top-start">
            <div class="title">
                <slot></slot>
            </div>
        </el-tooltip>
        <div v-else class="title">
            <slot></slot>
        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue';
const props = defineProps({
    tips: {
        type: String
    }
});
</script>
<style scoped lang="scss">
.content_subtitle {
    display: flex;
    align-items: center;
    padding: 2% 0;
    box-sizing: border-box;
}

.title_icon {
    width: 48px;
    height: 48px;
    margin-right: 22px;
}

.title {
    color: #FFF;
    font-size: 32px;
}
</style>